<html>
    <head>
        <title>CSS练习</title>
        <meta charset="utf-8">
        <style>
            a:link, a:visited, a:hover, a:active{
                color: #2C58E7;
                text-decoration: none;
            }
            li{
                margin: 10px;
            }
        </style>
    </head>

    <body>
        <ol>
            <li><a href='html/001.html' target='_blank'>小球粘合效果</a></li>
            <li><a href='html/002.html' target='_blank'>hover效果</a></li>
            <li><a href='html/003.html' target='_blank'>CSS火焰</a></li>
            <li><a href='html/004.html' target='_blank'>弹出式菜单</a></li>
            <li><a href='html/005.html' target='_blank'>关于布局的概念</a></li>
            <li><a href='html/006.html' target='_blank'>响应式CSS Grid布局</a></li>
            <li><a href='html/007.html' target='_blank'>FLEX实现基本布局</a></li>
            <li><a href='html/008.html' target='_blank'>CSS Grid实现基本布局</a></li>
            <li><a href='html/009.html' target='_blank'>CSS Grid + FLEX 实现基本布局</a></li>
            <li><a href='html/010.html' target='_blank'>横向滑动菜单</a></li>
            <li><a href='html/011.html' target='_blank'>登录</a></li>
            <li><a href='html/012.html' target='_blank'>注册</a></li>
            <br />
            <li><a href='html/013.html' target='_blank'>CSS揭秘-02 背景与边框</a></li>
            <li><a href='html/014.html' target='_blank'>CSS揭秘-05 字体排印</a></li>
            <br />
            <li><a href='html/015.html' target='_blank'>蜡烛</a></li>
            <li><a href='html/016.html' target='_blank'>多列布局，水平翻页</a></li>
            <li><a href='html/017.html' target='_blank'>CSS3 变量：实现动态布局</a></li>
            <li><a href='html/018.html' target='_blank'>自适应内部元素</a></li>
            <li><a href='html/019.html' target='_blank'>Dialog</a></li>
			<li><a href='html/020.html' target='_blank'>边框裁剪</a></li>
			<br />
            <li><a href='html/021.html' target='_blank'>ES 模块</a></li>
            <li><a href='html/022.html' target='_blank'>min-content / table 宽度适应</a></li>
        </ol>
    </body>
</html>